html{
    height: 100%;
    background: url("../img/front-page.jpg") center center no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}
em{
    font-style: normal;
}
body{
    font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;
    -webkit-font-smoothing:antialiased;
    font-size: 12px;
    background: transparent !important;
}
.wrapper{

}
.wrapper h1 {
    font-size: 48px;
    color: #FFF;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 46px;
    /* letter-spacing: 12px; */
}
form .form-group{
    position: relative;
}
form .form-control{
     border-radius: 6px;
     display: inline-block;
}
form .form-control[disabled],form .form-control[readonly],form fieldset[disabled]{
    background-color: #FFF;   
}
form{
    width: 350px;
    margin: 0 auto;
    position: relative;
}
form .icon{
    cursor: default;
    position: absolute;
    color: rgba(128,128,128,1);
    opacity: .5;
    top: 0;
    right: 0;
    margin: 0;
    width: 2em;
    height: 100%;
    text-align: center;
    border-radius: 0 .3125em .3125em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    right: auto;
    left: 1px;
    border-radius: .3125em 0 0 .3125em;
    font-size: 1.8em;
    line-height: 47px;
}
form input.error~.icon{
    color: #D95C5C;
}
form input.error::-webkit-input-placeholder
{
    color: #E9D2D5;
}
form input.error::-moz-placeholder{
    color: #E9D2D5;
}
form input.error:-ms-input-placeholder{
    color: #E9D2D5;
}
form input:focus~.icon {
    opacity: 1;
}
form .form-left,form .form-right{
    width: 72%;
}
.form-left{
    float: left;
}
form .form-right{
    float: right;
    width: 24%;
}
form input[type=text],form input[type=password]{
    height: 46px;
    font-size: 14px;
    text-indent: 2.6em;
    /*line-height: 46px;*/
    background-color: rgba(256,256,256,.9);
    padding: 0 12px;
    line-height: 46px\9;
}
form input[type=date]:focus, input[type=email]:focus, input[type=number]:focus,input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus,input[type=url]:focus,textarea:focus {
    color: rgba(0,0,0,.85);
    border-color: rgba(128,128,128,1);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: .3em 0 0 0 rgba(128,128,128,1)inset;
    box-shadow: .3em 0 0 0 rgba(128,128,128,1)inset;
}
form input[type=date]:focus, input[type=email]:focus, input[type=number]:focus,input[type=password].error:focus, input[type=tel]:focus, input[type=text].error:focus,input[type=url]:focus,textarea.error:focus {
    color: rgba(0,0,0,.85);
    border-color: rgba(207,64,78,1);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: .3em 0 0 0 rgba(207,64,78,1)inset;
    box-shadow: .3em 0 0 0 rgba(207,64,78,1)inset;
}

form label{
    font-size: 14px;
}
form .a{
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
}
form .btn-blue{
    font-size: 20px;
    color: #FFF;
    background-color: #446fa6;
    opacity: .9;
    filter: alpha(opacity=90);
    height: 46px;
}

form .btn-blue:hover{
    background-color: #5082c2;
    color: #FFF;
}

form .text-center{
    width: 100%;
    display: inline-block;
}
